<template>
  <div class="gallery">
    <div>商品详情</div>
    <div class="img">
      <img :src="item.url" v-for="item in productList" :key="item.id" />
    </div>
  </div>
</template>

<script setup>
defineProps(['productList'])
</script>
 
<style scoped>
.gallery {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: white;
}
img {
  width: 100%;
}
</style>
